<!DOCTYPE html>
<html style="height: 100%">
<head>
  <meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
<div id="container" style="height: 100%"></div>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
<script type="text/javascript">
  var dom = document.getElementById("container");
  var myChart = echarts.init(dom);
  var app = {};
  option = null;
  option = {
    title: {
      text: 'opera 100次请求测试（单位：微秒）'
    },
    tooltip: {
      trigger: 'axis'
    },
    legend: {
      data:['jquery.ajax','axios','ajax-js:close','ajax-js:open']
    },
    grid: {
      left: '3%',
      right: '4%',
      bottom: '3%',
      containLabel: true
    },
    toolbox: {
      feature: {
        saveAsImage: {}
      }
    },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      // data: ['周一','周二','周三','周四','周五','周六','周日']
    },
    yAxis: {
      type: 'value'
    },
    series: [
      {
        name:'jquery.ajax',
        type:'line',
        stack: '总量',
        data:[2937.98828125,1322.998046875,729.00390625,838.134765625,766.11328125,1003.173828125,1034.1796875,1237.060546875,1409.1796875,1087.158203125,617.919921875,935.791015625,595.947265625,847.900390625,863.037109375,733.88671875,698.974609375,537.841796875,1502.9296875,1008.056640625,854.98046875,576.904296875,602.05078125,611.81640625,614.013671875,2233.88671875,716.064453125,620.1171875,676.025390625,599.12109375,545.8984375,1217.041015625,2222.900390625,708.0078125,663.0859375,610.107421875,698.2421875,843.994140625,676.025390625,754.150390625,656.005859375,402.83203125,654.296875,586.9140625,2699.21875,591.064453125,941.89453125,562.255859375,561.03515625,491.2109375,539.0625,770.99609375,841.064453125,592.7734375,596.923828125,991.2109375,589.111328125,599.12109375,583.0078125,609.86328125,668.9453125,665.771484375,610.107421875,659.912109375,619.140625,1275.87890625,650.87890625,599.12109375,3636.23046875,1793.212890625,1534.1796875,603.02734375,635.986328125,573.2421875,560.05859375,1321.044921875,593.75,577.880859375,572.021484375,1713.8671875,531.005859375,545.8984375,544.189453125,731.201171875,530.029296875,1138.916015625,1474.12109375,999.0234375,962.890625,588.8671875,2286.865234375,2948.974609375,1456.0546875,619.873046875,1169.921875,547.8515625,557.12890625,1377.9296875,609.130859375,592.041015625]

      },
      {
        name:'axios',
        type:'line',
        stack: '总量',
        data:[538.0859375,156.982421875,112.79296875,96.19140625,102.05078125,96.923828125,93.994140625,103.02734375,98.876953125,100.09765625,97.900390625,230.224609375,103.02734375,179.19921875,99.853515625,94.970703125,102.05078125,101.806640625,117.1875,85.9375,76.904296875,110.107421875,79.1015625,98.876953125,93.994140625,99.853515625,105.224609375,115.966796875,78.857421875,100.830078125,93.017578125,107.177734375,79.833984375,84.228515625,67.138671875,69.091796875,86.181640625,76.171875,85.9375,74.70703125,79.1015625,73.974609375,72.021484375,77.1484375,70.068359375,62.98828125,111.328125,87.890625,71.044921875,135.009765625,71.77734375,69.82421875,67.87109375,65.91796875,64.208984375,66.162109375,68.84765625,77.1484375,70.068359375,73.974609375,72.021484375,64.697265625,62.98828125,130.859375,71.044921875,161.865234375,78.125,76.171875,70.3125,234.86328125,69.82421875,62.98828125,161.1328125,69.82421875,73.2421875,64.94140625,136.71875,2057.861328125,82.763671875,73.974609375,69.82421875,123.046875,72.021484375,160.888671875,90.087890625,103.02734375,71.044921875,68.115234375,148.193359375,1858.154296875,66.162109375,56.15234375,55.17578125,1520.263671875,91.796875,74.21875,59.326171875]


      },
      {
        name:'ajax-js:close',
        type:'line',
        stack: '总量',
        data:[1784.1796875,888.18359375,593.994140625,507.080078125,812.01171875,485.83984375,762.20703125,470.947265625,507.080078125,435.302734375,870.361328125,950.1953125,407.958984375,405.029296875,400.146484375,1076.904296875,2277.099609375,872.802734375,1088.8671875,531.982421875,505.126953125,493.896484375,417.96875,436.767578125,454.833984375,1020.01953125,731.93359375,627.197265625,1176.26953125,775.87890625,403.076171875,1417.724609375,443.115234375,465.087890625,459.9609375,449.70703125,446.044921875,1319.091796875,466.796875,515.13671875,375.9765625,370.1171875,454.1015625,595.947265625,427.978515625,428.955078125,413.818359375,437.01171875,1041.9921875,1080.810546875,442.138671875,517.822265625,631.103515625,768.06640625,449.951171875,1121.826171875,527.83203125,442.87109375,444.091796875,417.96875,413.818359375,406.982421875,489.013671875,424.072265625,402.099609375,609.86328125,388.916015625,635.986328125,479.98046875,406.005859375,834.228515625,748.046875,447.998046875,428.955078125,454.833984375,685.05859375,603.02734375,438.96484375,1478.271484375,711.9140625,431.15234375,430.908203125,532.958984375,546.875,386.962890625,643.06640625,480.95703125,1114.74609375,651.123046875,12747.0703125,535.15625,1044.921875,439.208984375,436.03515625,434.326171875,758.30078125,466.064453125,607.177734375,615.966796875,506.8359375]

      },
      {
        name:'ajax-js:open',
        type:'line',
        stack: '总量',
        data:[1160.888671875,617.919921875,528.076171875,548.33984375,427.978515625,370.849609375,12.20703125,10.986328125,3.90625,4.150390625,3.173828125,4.8828125,6.103515625,3.90625,5.859375,7.080078125,5.126953125,2.9296875,4.8828125,2.9296875,3.90625,2.9296875,4.8828125,7.080078125,223.876953125,6.34765625,8.056640625,5.126953125,4.8828125,4.150390625,5.126953125,4.8828125,4.150390625,4.8828125,4.150390625,3.173828125,4.8828125,3.90625,4.150390625,3.173828125,3.90625,3.173828125,4.150390625,3.90625,2.9296875,3.173828125,4.150390625,3.662109375,4.8828125,4.150390625,3.173828125,3.90625,28.076171875,4.150390625,4.8828125,3.173828125,3.90625,2.685546875,3.90625,4.150390625,2.9296875,1.953125,2.9296875,3.173828125,5.126953125,3.90625,4.8828125,3.90625,3.173828125,3.90625,3.173828125,2.685546875,3.90625,2.685546875,2.9296875,3.662109375,3.173828125,2.9296875,3.173828125,2.9296875]


      }
    ]
  };
  ;
  if (option && typeof option === "object") {
    myChart.setOption(option, true);
  }
</script>
</body>
</html>
